
<template>
    <el-container>
        <el-row>
            <v-btn color="primary" >Movie</v-btn>
            <v-btn color="primary" >TV</v-btn>
        </el-row>
        <el-row v-for="item in items" :key="item.id">
            <el-card>
                <el-icon v-if="item.type === 'element-icon'" class="dock-icon">
                    <component :is="item.icon" />
                </el-icon>
            </el-card>
        </el-row>
    </el-container>
</template>

<script>
import {User} from '@element-plus/icons-vue'
// 
export default {
    data() {
        return {
            items: [
                {icon: "User", type: 'element-icon', name: "user"}
            ]
        }
    },
    components: {
        User
    },
    name: "Movs"
}
</script>

<style>

.el-container {
    position: fixed;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center; 
    margin-top: 80px; 
}
</style>